<template>
  <div class="newadd_page">
       <div class="top">
           <van-icon name="arrow-left" @click="back"/>
           <div>新增拜访信息</div>
           <van-icon name="wap-home-o" />
        </div>

       <ul class="ul1">
           <li>
               <p>客户名称</p> <input type="text" placeholder="下拉搜索">
           </li>
       </ul>

       <ul class="ul2">
           <li>
               <p>拜访标题</p><p>></p>
           </li>
            <li>
               <p>拜访原因</p><p>></p>
           </li>
            <li>
               <p>拜访时间</p> <input type="text">
           </li>
       </ul>
       <div class="area">
           <p>拜访地址</p>
           <textarea name="" id="" cols="30" rows="3" placeholder="请输入"></textarea>
       </div>

        <div class="area">
           <p>拜访情况</p>
           <textarea name="" id="" cols="30" rows="3" placeholder="请输入"></textarea>
       </div>

         <div class="area">
           <p>竞争信息收集情况</p>
           <textarea name="" id="" cols="30" rows="3" placeholder="请输入"></textarea>
       </div>

       <div class="footer">
           <div class="btn">保存</div>
       </div>
  </div>
</template>

<script>
export default {
    data(){
        return {

        }
    },
    methods:{
        back(){
            this.$router.back()
        }
    }

}
</script>

<style lang="less" scoped>
*{
    outline: none;
    border: 0;

}
.newadd_page{
    width: 100vw;
    height: 100vh;
    background-color: #f5f5f5;
}
.top{
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 20px;
      color: #fff;
      padding: 0 12px;
      box-sizing: border-box;
      background-color: #039;
      .van-icon{
          font-size: 24px;
      }

  }

  ul {

      li{
          width: 100%;
          height: 44px;
          background-color: #fff;
          display: flex;
          align-items: center;
          padding: 15px 12px;
          box-sizing: border-box;
          input{
              margin-left: 20px;
          }
      }
  }

  .ul1{
      margin-top: 10px;
  }

  .ul2{
      margin-top: 10px;
      li{
          justify-content: space-between;
      }
      
  }

  .area{
      background-color: #fff;
      margin-top: 10px;
      display: flex;
    //   align-items: center;
       padding: 15px 12px;
          box-sizing: border-box;

      p{
          width: 25%;
      }
  }

.footer{
    width: 100%;
    height: 60px;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    .btn{
        width: 356px;
        height: 44px;
        background-color: #039;
        line-height: 44px;
        text-align: center;
        margin: 10px;
        color: #fff;
        border-radius: 22px;
    }
}
</style>